<template>
    <div>
        <el-row>
            <el-col :span="24">
                <div class="modulename">
                    认证类型
                </div>
            </el-col>
            <el-col :span="24">

                <div class="tablemodule">
                    <el-table :data="tableData" style="width: 100%;">
                        <el-table-column prop="date" label="认证编号" />
                        <el-table-column prop="name" label="产品名称" />
                        <el-table-column prop="address" label="企业名称" />
                        <el-table-column prop="rzlx" label="认证类型" />
                        <el-table-column prop="fzrq" label="发证日期" />
                        <el-table-column prop="status" label="状态">
                            <template v-slot:default="scope">
                                <div v-show="scope.row.status == '1'" class="yrz">
                                    <svg t="1754191242988" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                        xmlns="http://www.w3.org/2000/svg" p-id="10499" width="20" height="20">
                                        <path
                                            d="M512.465455 0.116364C230.609455 0.116364 1.210182 229.492364 1.210182 511.371636S230.586182 1022.650182 512.465455 1022.650182s511.278545-229.376 511.278545-511.278546C1023.720727 229.492364 794.344727 0.116364 512.465455 0.116364z m286.091636 413.230545L466.013091 754.222545a42.519273 42.519273 0 0 1-30.254546 12.753455h-0.232727a42.589091 42.589091 0 0 1-30.114909-12.427636l-178.711273-178.827637a42.565818 42.565818 0 0 1 0-60.253091 42.565818 42.565818 0 0 1 60.253091 0l148.363637 148.247273 302.312727-310.062545a42.682182 42.682182 0 0 1 60.253091-0.698182 42.821818 42.821818 0 0 1 0.674909 60.392727z m0 0"
                                            p-id="10500" fill="#2e7d32"></path>
                                    </svg>
                                    已认证
                                </div>
                                <div v-show="scope.row.status == '0'" class="wrz">
                                    <svg t="1754191322071" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                        xmlns="http://www.w3.org/2000/svg" p-id="11541" width="20" height="20">
                                        <path
                                            d="M1023.814573 512.474383c-1.820173-241.571144-173.485281-453.791991-410.904154-502.42475C375.832828-38.469366 130.678218 93.151926 38.304416 316.180053c-93.682052 226.09967-10.295356 487.977123 191.061331 623.978208 201.925491 136.513008 480.070745 101.304028 649.233114-70.304199 92.942606-94.307736 143.736821-223.881333 145.158832-355.616386l0.05688-1.763293z m-290.147022 184.861365c24.117298 24.060418-13.196257 61.487734-37.313556 37.370436l-184.861365-184.918246-184.918245 184.918246c-24.060418 24.117298-61.430854-13.310018-37.313556-37.370436l184.861365-184.918246-184.861365-184.918245c-24.117298-24.117298 13.253138-61.430854 37.313556-37.313556l184.918245 184.861365 184.861365-184.861365c24.117298-24.117298 61.430854 13.196257 37.313556 37.313556l-184.861365 184.918245 184.861365 184.918246z"
                                            fill="#666666" p-id="11542"></path>
                                    </svg>
                                    未认证
                                </div>
                            </template>

                        </el-table-column>
                    </el-table>
                </div>

            </el-col>
            <el-col :span="24">
                <div class="showmore">

                    查看更多
                    <svg t="1754193060186" class="icon" viewBox="0 0 1024 1024" version="1.1"
                        xmlns="http://www.w3.org/2000/svg" p-id="12699" width="20" height="20">
                        <path
                            d="M885.113 489.373L628.338 232.599c-12.496-12.497-32.758-12.497-45.254 0-12.497 12.497-12.497 32.758 0 45.255l203.3 203.3H158.025c-17.036 0-30.846 13.811-30.846 30.846 0 17.036 13.811 30.846 30.846 30.846h628.36L583.084 746.147c-12.497 12.496-12.497 32.758 0 45.255 6.248 6.248 14.438 9.372 22.627 9.372s16.379-3.124 22.627-9.372l256.775-256.775a31.999 31.999 0 0 0 0-45.254z"
                            fill="#2e7d32" p-id="12700"></path>
                    </svg>

                </div>
            </el-col>
        </el-row>
    </div>
</template>

<script>
export default {
    data() {
        return {
            tableData: [
                {
                    date: 'ORG2024001',
                    name: '有机大米已认证',
                    address: '绿色农业有限公司',
                    rzlx: '有机认证',
                    fzrq: '2024-01-15',
                    status: '0'
                },
                {
                    date: 'ORG2024001',
                    name: '有机大米已认证',
                    address: '绿色农业有限公司',
                    rzlx: '有机认证',
                    fzrq: '2024-01-15',
                    status: '1'
                },
                {
                    date: 'ORG2024001',
                    name: '有机大米已认证',
                    address: '绿色农业有限公司',
                    rzlx: '有机认证',
                    fzrq: '2024-01-15',
                    status: '1'
                },
                {
                    date: 'ORG2024001',
                    name: '有机大米已认证',
                    address: '绿色农业有限公司',
                    rzlx: '有机认证',
                    fzrq: '2024-01-15',
                    status: '0'
                },
                {
                    date: 'ORG2024001',
                    name: '有机大米已认证',
                    address: '绿色农业有限公司',
                    rzlx: '有机认证',
                    fzrq: '2024-01-15',
                    status: '1'
                },
                {
                    date: 'ORG2024001',
                    name: '有机大米已认证',
                    address: '绿色农业有限公司',
                    rzlx: '有机认证',
                    fzrq: '2024-01-15',
                    status: '1'
                }
            ]
        }
    },
}
</script>

<style>
.yrz,
.wrz {
    display: flex;
    justify-content: start;
    align-items: center;
    line-height: 20px;
}

.tablemodule {
    margin: 25px;
    border: 2px solid rgba(199, 193, 193, 0.5);
    border-radius: 20px;
    overflow: hidden;
}

/* 表格整体字体大小 */
.tablemodule .el-table {
    font-size: 18px;

}

.tablemodule .el-table th,
.tablemodule .el-table td {
    padding: 15px 0;
    /* 上下内边距为15px，左右为0 */
}

.showmore {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #2e7d32;
    margin: 5px 0;
    
}

.showmore:hover {
    cursor: pointer;
}
</style>